// =============================================================================
// SCSS/SITE/_COMPONENT-ANIMATIONS.SCSS
// -----------------------------------------------------------------------------
// CSS3 animations added via class names.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Fade
//   02. Collapse
// =============================================================================

// Fade
// =============================================================================

.fade {
  opacity: 0;
  @include transition(#{opacity 0.3s ease});

  &.in {
    opacity: 1;
  }
}



// Collapse
// =============================================================================

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  @include transition(#{height 0.3s ease});

  &.in {
    height: auto;
  }
}